<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/Product.css">
</head>

<body>
    <!--top栏开始  -->
    <div class="container-fluid fheader">
        <div class="zz">
            <div id="header" class="container">
                <div class="container clearfix:after sonheader font16">
                    <h1 class="url fl fwb">乐购www.legou.com</h1>
                    <ul class="fr fwb">
                        <li>欢迎光临乐购&nbsp;&nbsp;&nbsp;&nbsp; 请
                            <a href="#" class="registerl">&nbsp;
                                登录&nbsp;</a>&nbsp;|&nbsp;
                            <a href="#" class="registerr">&nbsp;注册&nbsp;</a></li>
                    </ul>
                </div>
            </div>
            <!-- 搜索导航栏开始 -->
            <div id="nav" class="container">
                <a href="index.html"> <img class="logo"></a>
                <div class="fr">
                    <div class="searchNav fr"> <input type="text" class="search fwb font16" value="请输入商品名">
                        <i class="searchone"><img src="images/搜索.png" alt=""></i>
                        <button class="fr marginRight font16 fwbq"><i class="searchtwo"><img src="images/购物车.png"
                                    alt=""></i>我的订单</button>
                        <button class="fr font16 cFFB70B fwb Shopping">购物车<span class="fwb cfff">0</span></button>
                    </div>
                    <div>
                        <ul class="fl font16 fwb ">
                            <li><a href="#">图书</a></li>
                            <li><a href="#">电子书</a></li>
                            <li><a href="#">原创文学</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">户外运动</a></li>
                            <li><a href="#">孕婴装</a></li>
                            <li><a href="#">家居</a></li>
                            <li><a href="#">创业文具</a></li>
                            <li><a href="#">地方房产</a></li>
                            <li><a href="#">海外购</a></li>
                            <li><a href="#">电器城</a></li>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索导航栏结束 -->
    <!-- 版心 -->
    <div class="container mt45 tcenter">
        <table id="shopCar">
            <!-- 头部 -->
            <tr>
                <th width="100">
                    <input type="checkbox" class="allSelect"> 全选
                </th>
                <th width="600">商品</th>
                <th width="100">单价</th>
                <th width="300">数量</th>
                <th width="100">小计</th>
                <th width="100">操作</th>
            </tr>
            <!-- 内容 -->
            <tr>
                <td>
                    <input type="checkbox" class="cked singleSelect"></td>
                <td>
                    <img src="images/家居生活.png" alt=""> 从你的全世界路过
                </td>
                <td>
                    41.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class="reduce">-</span>
                </td>
                <td class="subtotal">
                    41.00
                </td>
                <td>
                    <a href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" class="cked singleSelect"></td>
                <td>
                    <img src="images/家居生活.png" alt=""> 从你的全世界路过
                </td>
                <td>
                    41.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class="reduce">-</span>
                </td>
                <td class="subtotal">
                    41.00
                </td>
                <td>
                    <a href="#">删除</a>

                </td>
            </tr>

            <!-- 尾部 -->
            <tr>
                <th>
                    <input type="checkbox" class="allSelect"> 全选
                </th>
                <td colspan="2">删除选中商品</td>
                <td>已选择 <span class="numAll">1</span> 件商品</td>
                <td>
                    总价 <span class="priceAll">41.00</span>
                </td>
                <td>
                    <input type="button" value="去结算">
                </td>
            </tr>


        </table>
    </div>

    <!-- 尾部开始 -->
    <div class="container-fluid ">
        <div id="footr" class="clearfix container ">
            <!-- 服务栏 -->
            <div class="serve clearfix container ">
                <ul class="fl ">
                    <li>
                        <i class="fl ">
                            <img src="images/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">正品保障</p>
                        <p class="font14 ">正品行货 放下选购</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">满86包邮</p>
                        <p class="font14 ">满86 免运费</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">售后无忧</p>
                        <p class="font14 ">7天无理由退货</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">准时送达</p>
                        <p class="font14 ">收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <!-- 服务栏结束 -->
            <!-- 尾部导航栏 -->
            <div class="footrnav clearfix container ">
                <ul>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li class="r ">
                        <h3>加微信查订单</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                    <li class="r ">
                        <h3>app更优惠</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 版权与合作商 -->
    <div class="container-fluid backColorf4 ">
        <div class="backColorf4 copyright container ">
            <ul>
                <li><span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span>
                    <span> 客户服务 |</span></li>
                <li>
                    <span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span></li>
                <li><img src="images/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg " alt=" ">
                    <img src="images/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png " alt=" ">
                    <img src="images/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg " alt=" ">
                    <img src="images/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg " alt=" ">
                    <img src="images/f582260777c44b30.png " alt=" "></li>
            </ul>
        </div>
    </div>
    <!-- 尾部结束 -->
    <!-- 头搜索框 -->
    <div class="positionf Stream container-fluid">
        <div class="searchNav fr searchNav2"> <input type="text" class="search fwb font16" value="请输入商品名">
            <i class="searchone"><img src="images/搜索.png" alt=""></i>
        </div>
    </div>
    <!-- 定位侧边栏 -->
    <div class="left clearfix">
        <ul>
            <li class="icon1"><img src="images/icon_rs8mdvvj6ri/more.png " alt=" "><span>衣装</span></li>
            <li class="icon2"><img src="images/icon_rs8mdvvj6ri/mic.png " alt=" "><span>衣装</span></li>
            <li class="icon3"><img src="images/icon_rs8mdvvj6ri/modular.png " alt=" "><span>衣装</span></li>
            <li class="icon4"><img src="images/icon_rs8mdvvj6ri/operation.png " alt=" "><span>衣装</span></li>
            <li class="icon5"><img src="images/icon_rs8mdvvj6ri/menu.png " alt=" "><span>衣装</span></li>
            <li class="icon6"><img src="images/icon_rs8mdvvj6ri/pad.png " alt=" "><span>衣装</span></li>
        </ul>
    </div>
    <div class="right">
        <ul>
            <li>下载app</li>
            <li><img src="images/qryhd.png " alt=" "></li>
            <li class="shopping00 "><img src="images/购物车空.png " alt=" "> 购物车</li>
        </ul>
    </div>
    <script src="js/index.js "></script>
    <script src="js/jquery.js "></script>
    <script src="js/common.js "></script>
    <script src="slid/slide.fn.js "></script>
    <script src="js/Product.js"></script>
</body>

</html>